<!-- HomePage.html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>实习界面</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
		<link rel="stylesheet" href="../../css/base.css">
		<link rel="stylesheet" href="../../css/mui.min.css">

	</head>
<style type="text/css" media="screen">
	body {
		padding: 0px;
		margin: 0px;
		}
	.main {
		margin-top: 190px;
	}
	.win_bar_bot {
        width: 100%;
        height: 40px;
        position: absolute;
        top: 44px;
      }
     .top_bar {
        width: 100%;
        height: 40px;
        display: -webkit-box;
      }
     .top_bar_center {
        width: 100%;
        padding: 10px;
        height: 25px;
      }
     .bar_zw {
        width: 25%;
        height: 18px;
      }
      .bar {
        width: 25%;
        height: 18px;
        border-style: solid;
        border-width: 0px 0px 0px 1px;
        border-color: #F2F2F2;
      }
      .bar_text {
        font-size: 15px;
        display: -webkit-inline-box;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        padding-right: 6px;
        padding-left: 10px;
        text-align: center;
      }
      .bar_td {
        width: 100%;
        height: 18px;
        display: -webkit-box;
        line-height: 18px;
        text-align: -webkit-center;
      }
      .bar_td img {
        padding-bottom: 3px;
      }
      tr {
        width: 100%;
        height: 35%;
      }
      table {
        width: 100%;
        height: 35%;
        position: inherit;
        margin-top: 10px;
        margin-bottom: 10px;
        border-spacing: 0px;
      }

     /*************************/
     .practiceList{
        background-color: white;
        width: 100%;
        height: 100px;
        border: 1px solid #E4E4E4;
     }
     .leftContent{
        /*background-color: yellow;*/
        width: 30%;
        float: left;
     }
     .imgSet{
     	width: 90%;
     	height: 90%;
     	margin-top: 5%; 
        margin-left: 5%;
     }
     .rightContent{
     	/*background-color: yellow;*/
        width: 70%;
        height: 100%;
        float: right;
        padding: 5px;
        position: relative;
     }
     
     .newsitle{
     	margin-top: 2px;
        /*background-color: gray;*/
        font-size: 16px;

     }
     .newscompany{
        /*background-color: blue;*/
        font-size: 14px;

     }
     .newsMoney{
        /*background-color: gray;*/
        color: #FF6600;
        font-size: 12px;
     }
     .newsPlace{
        /*background-color: blue;*/
        color: gray;
        font-size: 12px;
     }
     .newsStudy{
        /*background-color: blue;*/
        color: gray;
        font-size: 12px;

     }
     .newsTime{
        /*background-color: orange;*/
        color: gray;
        font-size: 12px;

     }
     .favoriteBtn{
        width: 65px;
    	height: 20px;
    	border: 1px solid #3399FF;
    	color: blue;
    	text-align: center;
    	vertical-align: center;
    	font-size: 12px;
        position:absolute;
		line-height: 20px;
		right:10px;
		bottom:5px;
        
     }
     .favorited{
     	border: solid 1px #CCCCCC;
        color: gray;
     }

	</style>
	<body>
		<div class="main" id="main" hidden="hidden">
        

		<div class="top_bar">
        <table>
          <tr>
            <td class="bar_zw">
            <div class="bar_td" onclick="check_type(0)">
              <p class="bar_text" id="type">
                实习地点
              </p>
              <img src="../../icon/icon_type_jt.png"/>
            </div></td>
            <td class="bar">
            <div class="bar_td" onclick="check_type(1)">
              <p class="bar_text" id="qu_fx">
                职位筛选
              </p>
              <img src="../../icon/icon_type_jt.png"/>
            </div></td>
            <td class="bar">
            <div class="bar_td" onclick="check_type(2)">
              <p class="bar_text" id="qu_cj">
                公司筛选
              </p>
              <img src="../../icon/icon_type_jt.png"/>
            </div></td>

        
          </tr>
        </table>
      </div>

      <div class="practiceList">
      	<div class="leftContent">
      		<img  class="imgSet" src="../../image/yuantiao.jpg" alt="">
      	</div>
      	<div class="rightContent" >
	      		
	      		<div class="newsitle">
	      			物流顾问
	      		</div>
	            <div class="newscompany">
	            	北京络捷斯特科技股份有限公司
	            </div>

	            <div class="collect">
	            	<span class="newsMoney">
	            	2000元/月
		            </span>

		             <span class="newsPlace">
		            	| 北京  八里庄
		            </span>

		             <span class="newsStudy">
		            	| 本科及以上
		            </span>
	            </div>
	            
	             <div class="newsTime">
	            	04-15   15:30
	            </div>
	            
	            <div class="favoriteBtn">
	            	收藏
	            </div>
      		
      	</div>

      </div>

       <div class="practiceList">
      	<div class="leftContent">
      		<img  class="imgSet" src="../../image/yuantiao.jpg" alt="">
      	</div>
      	<div class="rightContent" >
	      		
	      		<div class="newsitle">
	      			物流顾问
	      		</div>
	            <div class="newscompany">
	            	北京络捷斯特科技股份有限公司
	            </div>

	            <div class="collect">
	            	<span class="newsMoney">
	            	2000元/月
		            </span>

		             <span class="newsPlace">
		            	| 北京  八里庄
		            </span>

		             <span class="newsStudy">
		            	| 本科及以上
		            </span>
	            </div>
	            
	             <div class="newsTime">
	            	04-15   15:30
	            </div>
	            
	            <div class="favoriteBtn">
	            	收藏
	            </div>
      		
      	</div>

      </div>

       <div class="practiceList">
      	<div class="leftContent">
      		<img  class="imgSet" src="../../image/yuantiao.jpg" alt="">
      	</div>
      	<div class="rightContent" >
	      		
	      		<div class="newsitle">
	      			物流顾问
	      		</div>
	            <div class="newscompany">
	            	北京络捷斯特科技股份有限公司
	            </div>

	            <div class="collect">
	            	<span class="newsMoney">
	            	2000元/月
		            </span>

		             <span class="newsPlace">
		            	| 北京  八里庄
		            </span>

		             <span class="newsStudy">
		            	| 本科及以上
		            </span>
	            </div>
	            
	             <div class="newsTime">
	            	04-15   15:30
	            </div>
	            
	            <div class="favoriteBtn favorited">
	            	已收藏
	            </div>
      		
      	</div>

      </div>
       <div class="practiceList">
      	<div class="leftContent">
      		<img  class="imgSet" src="../../image/yuantiao.jpg" alt="">
      	</div>
      	<div class="rightContent" >
	      		
	      		<div class="newsitle">
	      			物流顾问
	      		</div>
	            <div class="newscompany">
	            	北京络捷斯特科技股份有限公司
	            </div>

	            <div class="collect">
	            	<span class="newsMoney">
	            	2000元/月
		            </span>

		             <span class="newsPlace">
		            	| 北京  八里庄
		            </span>

		             <span class="newsStudy">
		            	| 本科及以上
		            </span>
	            </div>
	            
	             <div class="newsTime">
	            	04-15   15:30
	            </div>
	            
	            <div class="favoriteBtn favorited">
	            	已收藏
	            </div>
      		
      	</div>

      </div>



<!-- main结尾 -->
</div>


		<div class="noSign"   id="noData"  hidden="hidden">
			<img src="../../image/icon_img.png" width="60%">
			<p class="font16 top_15 base_dark_grey" >
				暂无数据
			</p>
		</div>
		<div class="loadFailure" hidden="hidden" id="noNet">
			<img src="../../image/icon_img01.png" width="60%">
			<p class="" >
				数据加载失败
			</p>
			<p>
				请检查您的网络
			</p>
			<button type="button" class="mui-btn mui-btn-outlined" onclick="RefreshData()">
				重新加载
			</button>
		</div>
</div>

	</body>
	<script type="text/javascript" src="../../script/jquery.min.js" ></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		apiready = function() {
			loadNewData();
		};
		function loadNewData() {
			showProgress();
			var params = {
				page : 5,
				rows : 5
			};
			cfnetppPOST('http://base.cfnet.org.cn/index.php/user/Userlogin/app_Index', params, true, function(data, status) {
				api.hideProgress();
				api.refreshHeaderLoadDone();
				if (status == 'success') {
					$('#noNet').hide();
					$('#main').show();
					if (data.code == 200) {
						ScrollPicture();
					} else {
						$('#listData').hide();
						$('#noData').show();
						$('#noNet').hide();
					}
				} else {
					$('#listData').hide();
					$('#noData').hide();
					$('#noNet').show();
				}
			});
		}

		//轮播图
		function ScrollPicture() {
			var UIScrollPicture = api.require('UIScrollPicture');
			UIScrollPicture.open({
				rect : {
					x : 0,
					y : 0,
					w : api.winWidth,
					h : 190
				},
				data : {
					paths : [
					// data[0].picture,
					// data[1].picture,
					// data[2].picture,
					// data[3].picture,
					// data[4].picture,
					'widget://image/firstNewsTitls1.png', 'widget://image/firstNewsTitls2.png', 'widget://image/firstNewsTitls3.png'],
				},
				styles : {
					caption : {
						height : 35,
						color : '#E0FFFF',
						size : 13,
						bgColor : '#696969',
						position : 'bottom'
					},
					indicator : {
						align : 'center',
						color : '#FFFFFF',
						activeColor : '#DA70D6'
					}
				},
				placeholderImg : 'image/dota.jpg',
				contentMode : 'scaleToFill',
				interval : 5,
				fixedOn : api.frameName,
				loop : true,
				fixed : false
			}, function(ret, err) {
				// if(clic){
				//   alert("您点击了第"+ret.index+"张轮播图");
				// }else{
				//   clic = true;
				// }
			});
		}

		//方向、层级、序列下拉列表
		function check_type(type) {
		
			
	    }


		

		
	</script>
</html>